<div class="left-pro fl"> 
        <p class="pro_t">{$top.name}</p>
        <ul style="padding-bottom: 10px;">
            <volist name="cate_list" id="vo">
            <li><a href="{:U('index',array('id'=>$vo['id']))}">&nbsp;&nbsp;{$vo.name}</a></li>
            </volist>
        </ul>
        
    <!--    <div class="recommend_pro">
              <h3 style="padding-left: 22px;">推荐产品</h3>
              <div class="recommend_slide">
                <div class="tempWrap" style="overflow:hidden; position:relative; height:440px">
                    <ul style="height: 900px; position: relative; padding: 0px; margin: 0px;">
                        <li class="clone" style="height: 150px;"><a title="聚合硫酸铝" href="#"><img alt="聚合硫酸铝" src="images/pro_hxt2.jpg"><span>聚合硫酸铝</span></a></li>
                        <li style="height: 150px;"><a title="活性氧化铝球" href="#"><img alt="活性氧化铝球" src="images/case_1.jpg"><span>活性氧化铝球</span></a></li>
                        <li style="height: 150px;"><a title="柱状活性炭" href="#"><img alt="柱状活性炭" src="images/case_4.jpg"><span>柱状活性炭</span></a></li>
                        <li style="height: 150px;"><a title="无烟煤滤料" href="#"><img alt="无烟煤滤料" src="images/case_2.jpg"><span>无烟煤滤料</span></a></li>
                        <li style="height: 150px;"><a title="金刚砂滤料" href="#"><img alt="金刚砂滤料" src="images/case_5.jpg"><span>金刚砂滤料</span></a></li>
                        <li style="height: 150px;"><a title="EPS泡沫滤珠" href="#"><img alt="EPS泡沫滤珠" src="images/case_6.jpg"><span>EPS泡沫滤珠</span></a></li>
                    </ul>
                </div>
            </div>
         <script type="text/javascript">

    /* 推荐产品无缝滚动 */

    jQuery(".recommend_pro").slide({mainCell:".recommend_slide ul",autoPlay:true,effect:"topMarquee",vis:2,interTime:50});

    </script> 
    </div>-->
        
        <div class="pro_left_form">
      <script type="text/javascript">
        $(function(){
            $('.sub').click(function(){
                if($('#name2').val()==''){
                    alert('请输入姓名！');
                    return false;
                    }
                else if($('#tel2').val()==''){
                    alert('请输入电话！');
                    return false;
                    }
                else if($('#email2').val()==''){
                    alert('请输入邮箱！');
                    return false;
                    }
                    else{
            var data = $('#msg').serialize();
            $.ajax({
              url : "/xingc/Lxwm/lianxi",
              data : data,
              type : 'post',
              dataType : 'json',
              success : function(res){
                if(res == "OK"){
                  alert('留言成功');
                  $('#msg [type="text"]').val('');

                }
                else{
                  alert(res);
                }
              }
            });
          }
            })
        })
      </script>
        <p class="tie">根据您的具体需求进行定制！</p>
        <form id="msg">
          <p>
            <label for="">姓名</label>
            <input name="name" id="name2" type="text">
          </p>
          <p>
            <label for="">手机</label>
            <input name="phone" id="tel2" type="text">
          </p>
          <p>
            <label for="">邮箱</label>
            <input name="email" id="email2" type="text">
          </p>
          <p class="btn">
            <input class="sub" type="button" value="提 交" style="width: 90%;padding-top: 3px;padding-bottom: 3px;margin-top: 5px;">
          </p>
        </form>
      </div> 
    </div>